<%
//下载APP
layout("/inc/layout.html",{
title:identityName+'信息 - 工商申请 - 智慧洛龙',
keywords:identityName+'信息,工商申请,智慧洛龙',
description:identityName+'信息,工商申请,智慧洛龙',
style:'index.css'
}){
%>

<section class="container mt15">
    <div class="row" id="location-box">
        <div class="panel panel-info">
            <div class="panel-heading text-left"><b>营业执照办理</b></div>
            <div class="panel-body">
                <form class="form-horizontal" name="memeberForm" id="memeberForm" method="post" role="form">
                    <input type="hidden" id="applyId" name="applyId" value="${applyId}">
                    <input type="hidden" id="identity" name="identity" value="${identityId}">
                    <input type="hidden" id="isLast" name="isLast" value="${isLast!}">
                    <input type="hidden" id="role" name="role" value="0">
                    <input type="hidden" id="id" name="id" value="${member.id!}" placeholder="select选择的用户ID编号">
                    <legend>${identityName}信息</legend>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">股东列表：</label>
                        <div class="col-sm-5">
                            <select class="form-control" id="selectShareholder"></select>
                            <div class="mt10 text-danger">1.${identityName}信息可从股东列表（↑）中选择，或者自行添加。</div>
                            <div class="text-danger">2.监事不能和执行董事、经理、法人、财务是同一个人。</div>
                        </div>
                            <div id="readIDCard"  class="col-sm-3">
                        </div>
                    </div>
                    <hr>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">${identityName}姓名：</label>
                        <div class="col-sm-5">
                            <input id="name" name="name"  type="text"  class="form-control" value="${member.name!}" placeholder="请输入${identityName}姓名" required="required" aria-required="true" minlength="2"
                                   maxlength="50">
                        </div>
                    </div>
                    <!--法人职务-->
                    <% if(identityId == 4){ %>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">${identityName}职务：</label>
                        <div class="col-sm-5">
                            <select class="form-control" name="job" id="job" required="required" aria-required="true">
                                <option value="1" ${isEmpty(member.job) && member.job== 1? "selected"}>执行董事</option>
                                <option value="2" ${member.job== 2? "selected"}>董事长</option>
                                <option value="3" ${member.job== 3? "selected"}>经理</option>
                            </select>
                        </div>
                    </div>
                    <% }else{ %>
                    <input type="hidden" name="job" id="job" value="${memberJob!1}">
                    <% } %>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">证件类型：</label>
                        <div class="col-sm-5">
                            <select class="form-control" name="cardType" id="cardType" required="required" aria-required="true" onclick="memberCardTypeSwitch(event)">
                                <option value="1" ${isEmpty(member.cardType) || member.cardType== 1? "selected"}>身份证</option>
                                <option value="2" ${member.cardType== 2? "selected"}>营业执照副本</option>
                                <option value="3" ${member.cardType== 3? "selected"}>其他有效证件</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">证件号码：</label>
                        <div class="col-sm-5">
                            <input name="cardNumber" type="text" id="cardNumber" class="form-control" value="${member.cardNumber!}" placeholder="请输入证件号码" required="required" aria-required="true" minlength="8"
                                   maxlength="30">
                        </div>
                    </div>

                    <div class="form-group phone-box">
                        <label class="col-sm-2 control-label">联系电话：</label>
                        <div class="col-sm-5">
                            <input name="phone" type="number" id="phone" class="form-control" value="${member.phone!}" placeholder="请输入电话" required="required" aria-required="true" minlength="8" maxlength="18">
                        </div>
                    </div>


                    <div class="form-group email-box">
                        <label class="col-sm-2 control-label">电子邮箱：</label>
                        <div class="col-sm-5">
                            <input name="email" type="email" id="email" class="form-control" value="${member.email!}" placeholder="请输入电子邮箱" required="required" aria-required="true">
                        </div>
                    </div>
                    <hr/>

                    <div id="camera_tool_open"></div>

                    <div class="form-group">
                        <label for="cardFrontUploader" class="col-sm-2 control-label">证件正面照：</label>
                        <div class="col-sm-5">
                            <span class="text-danger upload-tips mt10"></span>
                            <div class="input-group">
                                <input id="cardFrontPicture" name="cardFrontPicture" value="${member.cardFrontPicture!}" class="form-control mb10" type="text" readonly placeholder="请选择..."
                                       required="required">
                                <span class="input-group-btn">
                                    <input id="cardFrontUploader" name="files" class="form-control" type="file">
                                </span>
                            </div>
                            <div id="cardFrontPictureShow" class="center-block row">
                                <% if(isNotEmpty(member.cardFrontPicture)){ %>
                                <div class="mb15 mt15">
                                    <div class="thumbnail images-box"><a href="${uploaderFilesDomain!'/'}${member.cardFrontPicture!}" target="_blank">
                                        <img src="${uploaderFilesDomain!'/'}${member.cardFrontPicture!}"></a>
                                    </div>
                                </div>
                                <% } %>
                            </div>
                            <div id="front-error-message"></div>
                        </div>


                    </div>

                    <div class="form-group">
                        <label for="cardBackUploader" class="col-sm-2 control-label">证件反面照：</label>
                        <div class="col-sm-5">
                            <span class="text-danger upload-tips mt10"></span>
                            <div class="input-group">
                                <input id="cardBackPicture" name="cardBackPicture" value="${member.cardBackPicture!}" class="form-control mb10" type="text" readonly placeholder="请选择..."
                                       required="required">
                                <span class="input-group-btn">
                                    <input id="cardBackUploader" name="files" class="form-control" type="file">
                                </span>
                            </div>
                            <div id="cardBackPictureShow" class="center-block row">
                                <% if(isNotEmpty(member.cardFrontPicture)){ %>
                                <div class="mb15 mt15">
                                    <div class="thumbnail images-box"><a href="${uploaderFilesDomain!'/'}${member.cardBackPicture!}" target="_blank">
                                        <img src="${uploaderFilesDomain!'/'}${member.cardBackPicture!}"></a>
                                    </div>
                                </div>
                                <% } %>
                            </div>
                            <div id="Back-error-message"></div>
                        </div>

                    </div>

                    <div id="camera_tool_close"></div>
                </form>
            </div>
            <div class="panel-footer">
                <div class="col-sm-offset-3 clearfix">
                    <div class=" block col-sm-3">
                        <a href="${prevPage}" class="btn btn-warning btn-lg btn-outline btn-block">上一步</a>
                    </div>
                    <div class=" block col-sm-3">
                        <button id="doSubmit" type="button" class="btn btn-danger btn-lg btn-outline btn-block">下一步</button>
                        <!--<a href="${nextPage}" class="btn btn-danger btn-lg btn-outline btn-block">下一步</a>-->
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<% } %>
<script>
    require(['modules/company_apply'], function (apply) {
        apply.member('${uploaderFilesDomain}', '${nextPage}');
    });
</script>
</body>
</html>